<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>OUR_ SENDMAIL</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="css/plugins/summernote/summernote.css" rel="stylesheet">
    <link href="css/plugins/summernote/summernote-bs3.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
	<style>
		.wrapper{
			height:800px;
		}
		.fadeInRight{
			height:500px;
		}
		.mail-text{
			height:350px;
		}
		.mail-body{}
		#mailContent:empty:before{
            content:attr(placeholder);
            font-size: 16px;
            color: #ccc;
        }
        #mailContent:focus{
            content:none;
        }
	</style>
</head>

<body >

    <div class="page">

        <div   class="gray-bg">
        <div class="row border-bottom">
        <nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
        <div class="navbar-header">
            <span class="navbar-minimalize minimalize-styl-2 btn btn-primary" style=" margin-left:38px" >our邮箱 </span>
         </div>	
		
            <ul class="nav navbar-top-links navbar-right">
              <li> <span class="m-r-sm text-muted welcome-message" style="font-size: 28px;font-family:jokerman; color: #8FB586"><strong>Hello,welcome to our emailbox!</strong></span> </li>
              <li>
                    <a href="index.jsp" style="font-family: jo">
                        <i></i> 退出	
                    </a>
                </li>
            </ul>


        </nav>
        </div>

        <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-lg-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-content mailbox-content">
                        <div class="file-manager">
                            
                          
                           
                            <ul class="folder-list m-b-md" style="padding: 0">
                                <li><a href="mailbox.jsp?username=<%=username%>&password=<%=password%>"  style="font-size:17px;"> <i ></i>收件箱 </a></li>
                                  <li><a href="mailbox.html"  style="font-size: 17px; "> <i></i>发件箱</a></li>
                                <li><a href="mailbox.html" style="font-size: 17px; "> <i ></i>星标邮箱</a></li>
                                <li><a href="mailbox.html" style="font-size: 17px; "> <i></i>草稿箱</a></li>
                                <li><a href="mailbox.html" style="font-size: 17px; "> <i></i>垃圾箱</a></li>
                            <div class="space-25"></div>
							  <li><a  href="mail_send.html" style="font-size: 20px; font-family:jokerman"><i></i><strong>Write Letter</strong></a></li>
                          </ul>
                            <div class="clearfix"></div>
                            <div class="space-25"></div>
                             <img src="img/p4.jpg" width="270" height="230" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-9 animated fadeInRight">
              <div class="mail-box-header">
                <div class="pull-right tooltip-demo"> <a href="mailbox.html" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Move to draft folder"><i ></i>存草稿</a> <a href="mailbox.html" class="btn btn-danger btn-sm" data-toggle="tooltip" data-placement="top" title="Discard email"><i ></i>取消</a> </div>
                <h2> WRITE YOUR EMAILS </h2>
              </div>
              <div class="mail-box">
                <div class="mail-body">
                  <form class="form-horizontal" method="get">
                    <div class="form-group">
                      <label class="col-sm-2 control-label">收件人:</label>
                      <div class="col-sm-10">
                        <input name="text" type="text" class="form-control" value="address">
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-sm-2 control-label">主题:</label>
                      <div class="col-sm-10">
                        <input name="text2" type="text" class="form-control" value="subject">
                      </div>
                    </div>
                  </form>
                </div>
                <div class="mail-text h-200">
					
                   <div class="summernote">
               	    <div id="mailContent" class="mail-body" style = "height:350px;" contenteditable = "true" placeholder = "请输入邮件内容">
                  	
					</div>
                  <div class="clearfix"></div>
                   </div>      
                <div class="mail-body text-right tooltip-demo" style="padding-right:0px"> 
	 		                <button  class="btn btn-sm btn-primary" 
	                    data-toggle="tooltip" data-placement="top" type="submit" value="sender" name="op">
	                     <i class="fa fa-reply"></i>发送
	                    </button>
                 <a href="mailbox.jsp?username=<%=username%>&password=<%=password%>" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Discard email">取消</a>
                  <a href="mailbox.html" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Move to draft folder">存草稿</a> </div>
                <div class="clearfix"></div>
              </div>
            </div>
        </div>
        </div>
        
        </div>
        </div>

    <!-- Mainly scripts -->
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>

    <!-- iCheck -->
    <script src="js/plugins/iCheck/icheck.min.js"></script>

    <!-- SUMMERNOTE 
    <script src="js/plugins/summernote/summernote.min.js"></script>-->
    <script>
        $(document).ready(function(){
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });


            $('.summernote').summernote();

        });
        var edit = function() {
            $('.click2edit').summernote({focus: true});
        };
        var save = function() {
            var aHTML = $('.click2edit').code(); //save HTML If you need(aHTML: array).
            $('.click2edit').destroy();
        };

    </script>
	 

</body>
<div >
            <div style=" text-align:center">
                <strong></strong> our电子邮箱@软件1401班
            </div>
        </div>
</html>
